<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en" itemscope itemtype="http://schema.org/Product"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Use the .htaccess and remove these lines to avoid edge case issues. -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>EDNASys - Job Description</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="author" content="humans.txt">
  
  <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
  
  <!--Facebook Metadata /-->
  <meta property="fb:page_id" content="" />
	<meta property="og:image" content="" />
	<meta property="og:description" content=""/>
	<meta property="og:title" content=""/>
  
  <!--Google+ Metadata /-->
	<meta itemprop="name" content="">
	<meta itemprop="description" content="">
	<meta itemprop="image" content="">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <!-- CSS: implied media=all -->
  <!-- CSS concatenated and minified via ant build script-->
  <!-- <link rel="stylesheet" href="css/minified.css"> -->
  
  <!-- CSS imports non-minified for staging, minify before moving to production-->
  <link rel="stylesheet" href="css/imports.css">
   <link rel="stylesheet" href="css/internal.css">
   <!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
  <!-- end CSS-->
<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
  <script src="js/hoverIntent.js"></script> 
  <script src="js/superfish.js"></script> 
<script> 
 
    $(document).ready(function(){ 
        $("ul.sf-menu").superfish(); 
    }); 
 
</script>
  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except for Modernizr / Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
  <script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>

<body>
  <div class="outshell">
    <!-- site menu/navigation -->
    <div class="navigation #navigation">
      <!-- top menu nav -->
     <div class="logo six columns">
          <img src="img/paintcentral-logo-1.png" alt="Paint Central">
      </div>
    <div class="top-menu" id="user-info-menu">
      <ul class="top-menu-items ">
        <li> 
          <span>Signed in:</span> 
          <span> <a class="loggedin-user" href="">User Name</a></span> 
          <span><a href="">sing out</a>  </span>
        </li>
        <li><a href="">contact us</a></li>
        <li><a href="">about</a></li>
        <li><a href="">HELP</a></li>
      </ul>

    </div>
    <div class="clear"></div>
    <div class="menu-wrapper">
      <div class="menu" id="menu"> 
        <ul class="sf-menu sf-js-enabled sf-shadow">
          <li><a class="sf-with-ul" href=""> Jobs<span class="sf-sub-indicator"> »</span></a>
            <ul>
              <li><a href="">Search Jobs</a></li>
              <li><a href="">View all Jobs</a></li>
              <li><a href="">Recent Jobs</a></li>
              <li><a href="">Finished Jobs</a></li>
              <li><a href="">Sort Ascending</a></li>
              <li><a href="">Sort Descending</a></li>
            </ul>
          </li>
          <li> <a  class="sf-with-ul" href=""> Painters<span class="sf-sub-indicator"> »</span></a>
            <ul>
              <li><a href="">View All Painters</a></li>
              <li><a href="">Search Painters</a></li>
              <li><a href="">New Painters</a></li>
              <li><a href="">Free Painters</a></li>
              <li><a href="">Assigned Painters</a></li>
            </ul>
          </li>

          <li> <a class="sf-with-ul" href="">Schedule<span class="sf-sub-indicator"> »</span></a> 
            <ul>
              <li><a href="">View Schedule</a></li>
              <li><a href="">Schedule New Job</a></li>
              <li><a href="">This Week Schedule</a></li>
              <li><a href="">Next Week Schedule</a></li>
              <li><a href="">Previous Week Schedule</a></li>
              <li><a href="">Painters on Holiday</a></li>
            </ul>
          </li>
          <li><a class="last sf-with-ul" href=""> Analysis<span class="sf-sub-indicator"> »</span></a>
            <ul>
              <li><a href="">Worker Average</a></li>
              <li><a href="">Jobs Due Soon</a></li>
              <li><a href="">Days & Painters per job</a></li>
            </ul>
          </li>
        </ul>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
  </div>

<!-- site content -->
<div class="clear"></div>
    <div class="container"> <!--site content container -->
    <div class="main-wrapper jobs-page"> 
    <div class="breadcrumb row" id="breadcrumb"> <span> Bread Crumb </span> <div>
    	<div class="row description-page painter-description task-description">
        <div class="painter-nav nav inside-nav-top">
          <ul>
             <li><a class="job-btn" href=" ">Assign</a></li>
            <li><a class="job-btn" href=" ">Edit</a></li>
            <li><a class="job-btn" href="">Email</a></li>
            <li><a class="job-btn" href="">Print</a></li>
            <li><a class="job-btn" href="">Next</a></li>
          </ul>
        </div>
       <div class="job-text">
          <h1 id="painter-title">Jonh Doe</h1>
          <div class="paint-info">
            <div class="contact">
              <p class="phone contact-details"> <span>Phone:</span> 651 888 9999</p>
              <p class="address contact-details"><span>Address:</span> <br/> 190 Shady Oak Road <br/> Minneapolis MN 55412</p>
            </div>
            <div class="job-status">
              <h5>Assigned Jobs</h5>
              <ul>
                <li class="contact-details">Eagan1</li>
                <li class="contact-details">Mendota Heights</li>
                <li class="contact-details">Apple Valley</li>
              </ul>
            </div>
            <div class="work-availability">
                <h5>Days off</h5>
                <ul>
                  <li class="contact-details">Chrismass Week </li>
                  <li class="contact-details">02/15/2014 - 02/20/2014</li>
                </ul>
              </p>
            </div>
          </div>
          <div class="clear"></div>
       </div>
       <div class="painter-nav nav inside-nav-bottom">
          <ul>
             <li><a class="job-btn" href=" ">Assign</a></li>
            <li><a class="job-btn" href=" ">Edit</a></li>
            <li><a class="job-btn" href="">Email</a></li>
            <li><a class="job-btn" href="">Print</a></li>
            <li><a class="job-btn" href="">Next</a></li>
          </ul>
        </div>
        <div class="clear"></div>
    	</div>
       <div class="row bottom-navbar" id="bottom-nav" >
        <ul>
          <li><a href="jobs.html">Jobs</a></li>
          <li><a href="painter.html">Painters</a></li>
          <li><a href="schedule.html">Schedule</a></li>
        </ul>
      </div>

    </div> <!--! end of #container -->
  </div>
</div>

  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>

  <script src="js/libs/gumby.min.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>
   <script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $('#data-table').dataTable();
    });
  </script> 
  <!-- end scripts-->


  <!-- Prompt IE 6 users to install Chrome Frame. We suggest that you not support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->
  
</body>
</html>
